// import { log } from "util";


$(function () {
    
    focus();
    login();
    logincheck();
    erweima();
    // 检测登录是否符合规则
    function focus()
    {
        $(".input ul .item:first").find("input").on("blur", function ()
        {
            if ($(this).val().length < 6)
            {
                $(".inputinfo").css("visibility", "visible").text("用户名不得小于6位"); 
            }
            else
                $(".inputinfo").css("visibility", "hidden");
        })
        $(".input ul .item:eq(1)").find("input").on("blur", function ()
        {
            let str=/^\d{6,16}$/;
            if (!str.test($(this).val()))
            {
                $(".inputinfo").css("visibility", "visible").text("密码长度位6-16位,只能是字母数字符号");  
            }
            else
                $(".inputinfo").css("visibility", "hidden");
        })
    }
    // ajax发送登录请求
    function login()
    {
        // 用于判断当前是否验证正确
        function yz()
        {            
            if ($(".formlogin .input .inputinfo").css("visibility") == "visible") {
                console.log(2);
                return 0;
            }
            else
                return 1;
            // 一定要返回一个1  不然返回undefined 和0效果一致
        }
        $(".remeber .item:last").find("input").on("click", function () {
            let uname = $(".input ul .item:first").find("input").val() || "";
            let pwd = $(".input ul .item:last").find("input").val() || "";
            // 记住登录状态
            let state = $(".remeber .item:first").find("input").prop("checked");
            $(".input ul .item:first").find("input").trigger("blur");
            //  在发送请求之前进行验证    不通过验证不可以发请求
            if (!yz())
            {
                return;    
            }
            $(".input ul .item:eq(1)").find("input").trigger("blur");
            if (!yz())
            {
                return;    
            }
            let ip = location.href.split("//")[1].split("/")[0].split(":")[0];
            $.get("http://"+ip+":8000"+"/login/loginuser", { uname, pwd }, function (data)
            {
                if (data == "登录成功")
                {
                    if (state)
                    {
                        $.cookie("pwd", pwd,{expires:7})
                        $.cookie("uname",uname,{expires:7})
                    }
                    else
                    {
                        $.cookie("pwd", pwd)
                        $.cookie("uname",uname)
                    }
                    location.assign("/乐视项目/html/Home.html") 
                }
                else
                {
                    layer.close(index);
                    $(".inputinfo").css("visibility", "visible").text(data); 
                }
                  
                console.log(data);
            })
            var index=layer.load(0, {shade: false}); //0代表加载的风格，支持0-2
        })
    }
    // 检测是否存在cookie
    function logincheck()
    {
        if ($.cookie("pwd"))
        {
            console.log(1);
            
            $(".input ul:first")
                .find(".item")
                .eq(1).find("input")
                .val(($.cookie("pwd")))
            $(".input ul:first")
                .find(".item")
                .eq(0).find("input")
                .val(($.cookie("uname")))
        }
    }
    //  二维码登录与返回
    function erweima()
    {
        // 点击二维码  进入二维码界面
        $(".icon-erweima").on("click", function (e)
        {
            e.preventDefault();
            $(".logincenter .login_top").css({
                display:"none",
            })
            $(".logincenter .input").css({
                display:"none",
            })
            $(".logincenter .remeber").css({
                display:"none",
            })
            $(".logincenter .erwei").css({
                display:"block",
            })
        })

        // 当处于二维码界面时  返回登录
        $(".erwei .return a").on("click", function (e)
        {
            e.preventDefault();
            $(".logincenter .login_top").css({
                display:"flex",
            })
            $(".logincenter .input").css({
                display:"block",
            })
            $(".logincenter .remeber").css({
                display:"block",
            })
            $(".logincenter .erwei").css({
                display:"none",
            })
        })
    }
})